<%-- 
    Document   : index
    Created on : 14/04/2014, 06:10:49 PM
    Author     : Christian
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Emma</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link href="paginas/css/bootstrap.css" rel="stylesheet">
        
    </head>
    
    <body>
<link href="paginas/css/cover.css" rel="stylesheet">
        <div class="site-wrapper">

            <div class="site-wrapper-inner">

                <div class="cover-container">

                    <div class="masthead clearfix">
                        <div class="inner">
                            <h3 class="masthead-brand">Insignia</h3>
                            <ul class="nav masthead-nav">
                                <li class="active"><a href="#">Inicio</a></li>
                                <li><a href="#">Colegio</a></li>
                                <li><a href="#">Contáctanos</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="inner cover">
                        <h1 class="cover-heading">Nombre del Colegio</h1>
                        <p class="lead" style="text-shadow: none">Ingrese su usuario y contraseña.<br>Recuerde que sus datos son personales, por su seguridad no los revele.</p>
                        <form action="inicio.html" method="post">
                            <div class="row">
                                <div class="col-md-5" align="right">
                                    <img src="paginas/img/user.png" style="width: 32px"/>
                                </div>
                                <div class="col-md-4" align="left">
                                    <input required type="text"  id="user" name="user" placeholder="Usuario"  value="" class="form-control" >
                                </div>
                                <br><br>
                                <div class="col-md-5" align="right">
                                    <img src="paginas/img/pass.png" style="width: 32px"/>
                                </div>
                                <div class="col-md-4" align="left">
                                    <input required type="password"  id="password" name="password" placeholder="Contraseña"  value="" class="form-control">
                                </div>
                            </div>
                            <br>
                            <input class="btn btn-lg btn-default" type="submit" name="login" value="Aceptar" style="border: 2px solid #999999" />
                            <br><br><br>
                        </form>

                    </div>

                    <div class="mastfoot">
                        <div class="inner">
                            <p>Proyecto <a href="http://getbootstrap.com"><spam style="color: #0099ff;font-size: 17px">E</spam><spam style="color: #666666;font-size: 17px">MM</spam><spam style="color: red;font-size: 17px">A</spam></a></p>
                        </div>
                    </div>

                </div>

            </div>

        </div>

        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="paginas/js/jquery.min.js"></script>
        
        <script src="paginas/js/docs.min.js"></script>
    </body>
</body>
</html>
